<!doctype html>
<html>
<head>
<title>ipt-css</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link href="../../themes/css/basic.css" rel="stylesheet" type="text/css"/>
<link href="../../themes/css/widget/msgbox.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
	#main {
		width : 600px;
		margin : 0px auto;
	}
</style>
</head>

<body>
	<div id="main">
		<div class="msgbox-info">
			<i class="msgbox-icon"></i>
			<div class="msgbox-main">
				<div class="msgbox-header">message-info</div>
				<div class="msgbox-content">this is a message-info box(信息提示盒) .  </div>
			</div>
		</div>
		
		<br/>
		
		<div class="msgbox-success">
			<i class="msgbox-icon"></i>
			<div class="msgbox-main">
				<div class="msgbox-header">message-success</div>
				<div class="msgbox-content">this is a message-info box(信息提示盒) .  </div>
			</div>
		</div>
		
		<br/>
				
		<div class="msgbox-warn">
			<i class="msgbox-icon"></i>
			<div class="msgbox-main">
				<div class="msgbox-header">message-warn</div>
				<div class="msgbox-content">this is a message-info box(信息提示盒) .  </div>
			</div>
		</div>
		
		<br/>
				
		<div class="msgbox-error">
			<i class="msgbox-icon"></i>
			<div class="msgbox-main">
				<div class="msgbox-header">message-error</div>
				<div class="msgbox-content">this is a message-info box(信息提示盒) .  <br/>line height test!行高测试</div>
			</div>
		</div>
		
		<br/>		
		
		<div class="msgbox-question">
			<i class="msgbox-icon"></i>
			<div class="msgbox-main">
				<div class="msgbox-header">message-question</div>
				<div class="msgbox-content">this is a message-info box(信息提示盒) .  </div>
			</div>
		</div>
	</div>
</body>
</html>
